<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Halaman Pendaftaran Culture-vid</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
	<link href="<?php echo base_url()?>asset/css/bootstrap.css" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon.ico">
	<link href="<?php echo base_url()?>asset/css/style.css" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon.ico">
	
	<!--link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
	<script src="//code.jquery.com/jquery-1.9.1.js"></script>
	<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
	<link rel="stylesheet" href="/resources/demos/style.css"-->
	<script>
	$(function() {
	$( "#datepicker" ).datepicker();
	});
	</script>
	
</head>
<body>  

	<div class="container-fluid" style="background-color:">  
		    <div class="row-fluid">  
				<div class="col-lg-12" id="header">  
					<a href="<?php echo base_url()?>index.php"><img src="<?php echo base_url()?>asset/img/logo.png" style="width: 300px; height: 120px; align:center; display: inline; margin: 0px 0 50px 20px"/></img></a>
					<h3 style="margin: -79px 0 20px 90px; font-family: Georgia; font-size: 30px"></h3> <br>
					<small style="font-family: Times New Roman; font-size: 17px; margin: -40px 0 0 90px; display: inline; position: absolute"></small>
					<span style="margin-top: -15px; margin-right:10px; font-family: tahoma; font-size:18px;" class="pull-right span3">
					
					<?php if(!$this->session->userdata('isLogin')) { ?>
					<button class="btn btn-primary" data-toggle="modal" data-target="#modal_login"><span class="glyphicon glyphicon-log-in"></span> Masuk</button>
				| <a href="<?php echo base_url()?>index.php/home/" class="btn btn-danger" role="button"><span class="glyphicon glyphicon-home"></span> Home</a>
					<?php } else { if($peran == 0) { ?> <a href="<?php echo base_url()?>index.php/admin" class="btn btn-primary" role="button">Administrator</a> | <?php } ?> <a href="<?php echo base_url()?>index.php/akun/keluar_akun" class="btn btn-danger" role="button"><span class="glyphicon glyphicon-log-out"></span> Keluar</a> <?php } ?>
					</span>
					
				</div>  
			</div> 
		<div class="row-fluid" >
			<div class="col-lg-12" id="navbar" >
				<form class="navbar-form navbar-right" style="margin-top:10px; margin-right:0px; margin-left:1px;" role="search" action="">
					  <div class="form-group ">
						<input type="text" class="form-control" placeholder="cari video disini...">
					  </div>
					  <button type="submit" class="btn btn-danger " ><span class="glyphicon glyphicon-search "></span></button>
				</form>
				
				
			</div>  
		</div>
		
	<div class="container-fluid">  
		<div class="row-fluid">  
		<div class="col-lg-2 " style="" id="left-content">  
		 <div class="row-fluid">  
			<?php $session = $this->session->userdata('username'); ?>
			<?php if($session != NULL):?>
		   <div class="col-lg-12" id="sidebar-widget">
				<ul class="nav nav-list">
				  <li class="nav-header" style=""><?php echo $session; ?></li>
					<li><a href="<?php echo base_url()?>index.php/akun/profil" class="glyphicon glyphicon-user">  Profilku</a></li>  
					<li><a href="" class="glyphicon glyphicon-upload">  Unggah</a></li> 
					<li><a href="" class="glyphicon glyphicon-film">  Videoku</a></li> 
					</ul>
					
			</div> <?php endif;?>
		 
		  <div class="col-lg-12"  style="margin-top:20px;">  
					  <b class="nav-header" data-toggle="collapse" data-target=".navCollapse">Kategori &nbsp &nbsp &nbsp <span class="glyphicon glyphicon-align-justify"></span></b>
					   <ul class="nav nav-list collapse navCollapse">
							<?php foreach($kategori as $row) {?>
								<li><a href="<?php echo base_url();?>index.php/video/cari_video_sesuai_kategori/<?php echo $row->id_kategori;?>"><?php echo $row->nama_kategori;?></a></li>  
							<?php } ?>
						</ul>
					</div> 
		
		  
		 </div>   
		</div>  
	   
			   	   
		<div class="col-lg-8" style="" id="right-content">  
		 <div class="main-content row-fluid">
		 
		 <!-- video terbaru -->
		<div class="col-lg-12 " style="">   
		   <legend>Form Pendaftaran</legend>  
			<?php if(validation_errors()):?>
				<div class="alert alert-danger"><a class="close" data-dismiss="alert">&times</a><h4>Proses Pendaftaran Gagal Karena Terdapat Kesalahan!</h4><?php echo validation_errors(); ?></div>
			<?php endif;?>
			
			<?php if(!$berhasil) {?>
				<div class="alert alert-danger"><a class="close" data-dismiss="alert">&times</a><h4><span class="glyphicon glyphicon-warning-sign "></span>  <?php echo $pesangagal;?> </h4> </div>
			<?php } ?>	
			
			<form class="form-horizontal" role="form" action="<?php echo base_url()?>index.php/akun/daftar_akun" method="post">
					  <div class="form-group">
						<label for="inputusername" class="col-sm-3 control-label">Nama Akun</label>
						<div class="col-sm-6">
						  <input type="text" name="username" class="form-control" id="username" placeholder="Nama Akun" required <?php echo set_value('username'); ?>>
						</div>
					  </div>
					  
					  <div class="form-group">
					  
						<label for="inputnamalengkap" class="col-sm-3 control-label">Nama Lengkap</label>
						<div class="col-sm-6">
						  <input type="text" name="namalengkap" class="form-control" id="namalengkap" placeholder="Nama Lengkap Anda" required>
						</div>
					  </div>	
					  <div class="form-group">
						<label for="inputpassword" class="col-sm-3 control-label">Kata Kunci</label>
						<div class="col-sm-6">
						  <input type="password" class="form-control" id="password" name="password" placeholder="Kata Kunci" required > 
						</div>
					  </div>
					  <div class="form-group">
						<label for="konfirmpassword" class="col-sm-3 control-label">Konfirmasi Kata Kunci</label>
						<div class="col-sm-6">
						  <input type="password" class="form-control" id="konfirmpassword" name="konfirmpassword" placeholder="Konfirmasi Kata Kunci" required>
						</div>
					  </div>
					  <div class="form-group">
					  <label for="jk" class="col-sm-3 control-label">Jenis Kelamin</label>
							<div class="col-sm-6">
							  <div class="radio">
								  <label>
									<input type="radio" name="jk" id="lakilaki" value="1" checked>
									Laki - laki
								  </label>
								</div>
								<div class="radio">
								  <label>
									<input type="radio" name="jk" id="perempuan" value="2">
									Perempuan
								  </label>
							</div>
							</div>
					  </div>
					  
					  <div class="form-group">
						<label for="tanggallahir" class="col-sm-3 control-label">Tanggal Lahir</label>
						<div class="col-sm-6">
						  <input type="date" id="datepicker" class="form-control" name="tanggallahir">
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="email" class="col-sm-3 control-label">Alamat Email</label>
						<div class="col-sm-6">
						  <input type="email" id="email" class="form-control" value="" name="email" placeholder="Masukkan alamat email anda yang valid" required>
						</div>
					  </div>
					  
					   <div class="form-group">
						<label for="peran" class="col-sm-3 control-label">Daftar Sebagai</label>
					  <div class="col-sm-6">
						  <select class="form-control" name="peran">
							<option value="2">Reviewer</option>
							<option value="3">Kontributor</option>
						  </select>
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="pendidikan" class="col-sm-3 control-label">Pendidikan</label>
					  <div class="col-sm-6">
						  <select class="form-control" name="pendidikan">
							<option value="SMP">SMP</option>
							<option value="SMA">SMA</option>
							<option value="S1">S1</option>
							<option value="S2">S2</option>
							<option value="S3">S3</option>
						  </select>
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="pekerjaan" class="col-sm-3 control-label">Pekerjaan</label>
					  <div class="col-sm-6">
						  <select class="form-control" name="pekerjaan">
							<option value="Guru">Guru</option>
							<option value="Wiraswasta">Wiraswasta</option>
							<option value="Pelajar">Pelajar</option>
							<option value="PNS">PNS</option>
							<option value="Dosen">Dosen</option>
						  </select>
						</div>
					  </div>
					  <div class="form-group">
						<div class="col-sm-offset-3 col-sm-10">
						  <button type="submit"  class="btn btn-success">Daftar</button>
						  <a href="<?php echo base_url()?>index.php/home" class="btn btn-default" role="button">Batal</a>
						</div>
					  </div>
					</form>
		</div> 
		 </div>
		</div>  
		
		<div class="col-lg-2" style="margin-top:20px;" > 
					<b class="nav-header" data-toggle="collapse" data-target=".navHeaderCollapse" style="">Asal Daerah &nbsp &nbsp &nbsp <span class="glyphicon glyphicon-align-justify"></span></b>
					   <ul class="nav nav-list collapse navHeaderCollapse">
							<?php foreach($daerah as $row) {?>
								<li><a href="<?php echo base_url()?>index.php/video/cari_video_sesuai_kategori/<?php echo $row->id_kategori;?>"><?php echo $row->nama_kategori;?></a></li>  
							<?php } ?> 
						</ul>
			</div>
			
	   </div>  
	  
	  
	   <!--S : Footer-->  
	  
	   <div class="row-fluid">  
		<div class="col-lg-12" id="footer"> <p class = "footer-text"> Copyright 2014 </p> 
		</div>  
	   </div>  
	  
	   <!--E : Footer-->  
	  
	  </div>
	</div>
							
				<!-- modal start login akun-->
			<div class="modal fade " style="overflow:hidden;" id="modal_login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-dialog" >
				<div class="modal-content">
				  <div class="modal-header" style="background: url(<?php echo base_url()?>asset/img/batik-madura.jpg) repeat top right;"><!--style="background-color:#3399FF;"-->
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:black">&times;</button>
					<b><h4 class="modal-title" id="myModalLabel" style="color:#ffffff;">Masuk <i>Culture-Vid</i></h4></b>
				  </div>
				  <div class="modal-body" >
					<form class="form-horizontal" role="form" action="<?php echo base_url()?>index.php/akun/login" method="post">
					  <div class="form-group">
						<div class="col-sm-8">
						  <input type="text" name="hidden" class="form-control hidden" id="hidden" value="daftar">
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="namaakun" class="col-md-3 control-label">Nama Akun</label>
						<div class="col-sm-8">
						  <input type="text" name="username" class="form-control " id="namaakun" placeholder="Nama Akun Anda" required>
						</div>
					  </div>
					  <div class="form-group">
						<label for="inputPassword3" class="col-md-3 control-label">Kata Kunci</label>
						<div class="col-sm-8">
						  <input type="password" class="form-control" id="katakunci" name="password" placeholder="Kata Kunci" required>
						</div>
					  </div> 
					  <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
						  <div class="checkbox">
							<label  style="margin-right:50px;">
							  <input type="checkbox"> Ingat Akun
							</label>
							<span class="glyphicon glyphicon-question-sign"></span>
							<a href="<?php echo base_url()?>/akun/lupa_pass">Lupa Kata Kunci Anda</a>
						  </div>
						</div>
					  </div>
					  <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
						  <button type="submit" class="btn btn-success">Masuk</button>
						  <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
						</div>
					  </div>
					</form>
				  </div>
				</div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
		
			<!-- modal end login akun-->
	
											<!-- modal start daftar akun-->
				
		<!-- Button trigger modal -->

			<!-- Modal -->
			<div class="modal fade" style="" id="modal_daftar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-dialog" >
				<div class="modal-content">
				  <div class="modal-header" style="background-color:#E34D55;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel" style="color:#ffffff;">Daftar Akun <i>Culture-Vid</i></h4>
				  </div>
				  <div class="modal-body" >
				  <div id="registerModalerror"></div>
					<form class="form-horizontal" role="form" action="<?php echo base_url()?>index.php/akun/daftar_akun" method="post">
					  <div class="form-group">
						<label for="inputakun" class="col-md-4 control-label">Nama Akun</label>
						<div class="col-sm-8">
						  <input type="text" name="namaakun" class="form-control" id="namaakun" placeholder="Nama Akun" required>
						</div>
					  </div>
					  <div class="form-group">
						<label for="inputkatakunci" class="col-md-4 control-label">Kata Kunci</label>
						<div class="col-sm-8">
						  <input type="password" class="form-control" id="katakunci" name="katakunci" placeholder="Kata Kunci" required>
						</div>
					  </div>
					  <div class="form-group">
						<label for="konfirmasikatakunci" class="col-md-4 control-label">Konfirmasi Kata Kunci</label>
						<div class="col-sm-8">
						  <input type="password" class="form-control" id="konfirmasikatakunci" name="konfirmasikatakunci" placeholder="Konfirmasi Kata Kunci">
						</div>
					  </div>
					  <div class="form-group">
					  <label for="jk" class="col-md-4 control-label">Jenis Kelamin</label>
							<div class="col-sm-8">
							  <div class="radio">
								  <label>
									<input type="radio" name="jk" id="lakilaki" value="1" checked>
									Laki - laki
								  </label>
								</div>
								<div class="radio">
								  <label>
									<input type="radio" name="jk" id="perempuan" value="2">
									Perempuan
								  </label>
							</div>
							</div>
					  </div>
					  
					  <div class="form-group">
						<label for="tanggallahir" class="col-md-4 control-label">Tanggal Lahir</label>
						<div class="col-sm-8">
						  <input type="text" id="datepicker" class="form-control" name="tanggallahir">
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="email" class="col-md-4 control-label">Alamat Email</label>
						<div class="col-sm-8">
						  <input type="email" id="email" class="form-control" name="email" required>
						</div>
					  </div>
					  
					   <div class="form-group">
						<label for="peran" class="col-md-4 control-label">Daftar Sebagai</label>
					  <div class="btn-group col-sm-5">
						  <select class="form-control" name="peran">
							<option value="1">Reviewer</option>
							<option value="2">Kontributor</option>
						  </select>
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="pendidikan" class="col-md-4 control-label">Pendidikan</label>
					  <div class="btn-group col-sm-5">
						  <select class="form-control" name="pendidikan">
							<option>SMP</option>
							<option>SMA</option>
							<option>S1</option>
							<option>S2</option>
							<option>S3</option>
						  </select>
						</div>
					  </div>
					  
					  <div class="form-group">
						<label for="pekerjaan" class="col-md-4 control-label">Pekerjaan</label>
					  <div class="btn-group col-sm-5">
						  <select class="form-control" name="pekerjaan">
							<option>Guru</option>
							<option>Wiraswasta</option>
							<option>Pelajar</option>
							<option>PNS</option>
							<option>Dosen</option>
						  </select>
						</div>
					  </div>
					  <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
						  <button type="submit" class="btn btn-success">Daftar</button>
						  <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
						</div>
					  </div>
					</form>
				  </div>
				</div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
		
		
	<!-- modal start login akun-->
			<div class="modal fade " style="overflow:hidden;" id="modal_login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-dialog" >
				<div class="modal-content">
				  <div class="modal-header" style="background-color:#3399FF;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<b><h4 class="modal-title" id="myModalLabel" style="color:#ffffff;">Masuk <i>Culture-Vid</i></h4></b>
				  </div>
				  <div class="modal-body" >
					<form class="form-horizontal" role="form" action="<?php echo base_url()?>akun/login" method="post">
					  <div class="form-group">
						<label for="namaakun" class="col-md-3 control-label">Nama Akun</label>
						<div class="col-sm-8">
						  <input type="text" name="namaakun" class="form-control " id="namaakun" placeholder="Nama Akun Anda">
						</div>
					  </div>
					  <div class="form-group">
						<label for="inputPassword3" class="col-md-3 control-label">Kata Kunci</label>
						<div class="col-sm-8">
						  <input type="password" class="form-control" id="katakunci" name="katakunci" placeholder="Kata Kunci">
						</div>
					  </div> 
					  <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
						  <div class="checkbox">
							<label  style="margin-right:50px;">
							  <input type="checkbox"> Ingat Akun
							</label>
							<span class="glyphicon glyphicon-question-sign"></span>
							<a href="<?php echo base_url()?>/akun/lupa_pass">Lupa Kata Kunci Anda</a>
						  </div>
						</div>
					  </div>
					  <div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
						  <button type="submit" class="btn btn-success">Masuk</button>
						  <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
						</div>
					  </div>
					</form>
				  </div>
				</div><!-- /.modal-content -->
			  </div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
		
			<!-- modal end login akun-->
	
	
	
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	
    <script src="<?php echo base_url()?>asset/js/jquery.js"></script>
    <script src="<?php echo base_url()?>asset/js/bootstrap.js"></script>
    
</body>
</html>